<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>交互网页</title>
		<style type="text/css">
			#div1{
				width: 200px;
				height: 200px;
				border: 2px solid ;
				border-color: #0000FF;
				float: left;
			}
			#div2{
				width: 200px;
				height: 200px;
				border: 2px solid ;
				border-color: #0000FF;
				float: left;
			}
		</style>
		<script>
			function btnClick(){
				var showStr =  prompt("这是你要输入的内容：");
				//alert(pro);
				var btnContent = document.getElementById("div1");
				var leftContent = document.getElementById("div2")
				//判断是否是奇数
				for (var i = 1; i <= 100; i++) {
					if(i % 2 == 0){
						btnContent.innerHTML = i;
					}else{
						leftContent.innerHTML = i;
					}
					
				}
					btnContent.innerHTML = showStr;
				
			}
		</script>
	</head>
	<body>
		<input type="button"  value="请输入" onclick="btnClick()"/>
		<div id="div1" ></div>
		<div id="div2"></div>
		
	</body>
</html>
